<template>
  <div class="firm">
    <div class="item" @click="positionDetail(item.id)">
      <h3 class="name">
        {{ item.name }} <span class="order">{{ item.salary }}</span>
      </h3>
      <div class="tags">
        <span class="van-tag ">{{ item.city }}</span
        ><span class="van-tag ">{{ item.experience }}</span
        ><span class="van-tag ">{{ item.education }}</span>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  props: ['item', 'tiid'],
  data () {
    return {}
  },
  methods: {
    // 跳职业详情
    positionDetail (id) {
      this.$router.push(`/positionDetail/${id}/?${this.tiid}`)
    }
  }
}
</script>

<style lang="less">
.firm {
  padding: 15px;
  .item {
    background-color: #fff;
    align-items: center;
    height: 86px;
    padding-top: 10px;
    h3 {
      font-size: 18px;
      font-weight: 600;
      color: #19232b;
      margin: 0;
      display: flex;
      justify-content: space-between;
      .order {
        font-weight: 400;
        font-size: 16px;
        flex: 1;
        color: red;
        text-align: right;
      }
    }

    .van-tag {
      background: #f7f4f5;
      border-radius: 0.08rem;
      padding: 0.02667rem 0.13333rem;
      margin-right: 0.24rem;
      color: #b4b4bd;
    }
  }
}
</style>
